<!DOCTYPE html>
<!-- 相似类型页面 -->
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no, viewport-fit=cover"
    />
    <!-- <title>Document</title> -->
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="./css/base.css" />

    <link
      rel="stylesheet"
      href="./static/modules/element-ui/2.15.7/theme-chalk/index.min.css"
    />
    <!-- 2. 引入vue和vue-router-->
    <script src="./static/modules/vue@2/2.6.14/vue.min.js.js"></script>
    <!-- 3. 引入ElementUI组件 -->
    <script src="./static/modules/element-ui/2.15.7/theme-chalk/index.min.js"></script>
    <script src="./static/modules/axios.min.js"></script>

    <!-- 引入自己的页面样式 -->
    <link rel="stylesheet" href="./css/balance.css" />
  </head>

  <body>
    <!-- 我的余额页面  -->
    <div class="main">
      <div id="mybox">
        <!-- 主体部分 -->
        <div class="balance_main">
          <el-row v-loading="loading" style="min-height: 100vh;">
            <div v-if="!loading">
              <!-- 头部 -->
              <div class="balance_header">我的</div>
              <!-- 中间 -->
              <div class="balance_middle">
                <div class="balance_middle_box">
                  <div class="balance_middle_box_onerow">
                    <div class="balance_middle_onerow_contentn">
                      {{ userInfo.question_leave_days > -1 ? userInfo.question_end_time
                      : '--' }}
                      <!-- <span
                        class="balance_middle_onerow_contentn_day"
                        style="margin-left: 20px;display: inline-block;vertical-align: baseline;"
                      >
                        ({{ userInfo.question_leave_days}}天)
                      </span> -->
                    </div>
                    <div class="balance_middle_onerow_title">
                      不限次数 （天）
                    </div>
                  </div>
                  <div class="balance_middle_box_tworow">
                    <div>
                      <div class="balance_middle_tworow_contentn">
                        {{ userInfo.question_leave_times }}
                      </div>
                      <div class="balance_middle_tworow_title">
                        可用搜题次数 （次）
                      </div>
                    </div>
                    <div>
                      <div class="balance_middle_tworow_contentn">
                        {{ userInfo.question_all_times}}
                      </div>
                      <div class="balance_middle_tworow_title">
                        历史搜题次数 （次）
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <!-- 底部 -->
              <div class="balance_footer">
                <div class="balance_footer_button" @click="rechargeFn">
                  <img
                    src="./static/icon/钱包.svg"
                    class="balance_footer_button_icon"
                  />
                  <div class="balance_footer_button_title">去充值</div>
                </div>
                <!-- <div class="balance_footer_row bb-1 ">
                    <div class="balance_footer_row_left">
                        <img src="./static/icon/分享.svg"  class="balance_footer_row_left_icon"/>
                        <div class="balance_footer_row_right_title">
                            分享给好友
                        </div>
                    </div>
                    <img src="./static/icon/右箭头.svg"   class="balance_footer_row_right"/>
                </div> -->
                <div class="balance_footer_row" @click="rechargeListFn">
                  <div class="balance_footer_row_left">
                    <img
                      src="./static/icon/充值.svg"
                      class="balance_footer_row_left_icon"
                    />
                    <div class="balance_footer_row_right_title">充值记录</div>
                  </div>
                  <img
                    src="./static/icon/右箭头.svg"
                    class="balance_footer_row_right"
                  />
                </div>
              </div>
            </div>
          </el-row>
        </div>
      </div>
    </div>

    <script src="./js/balance.js?r=514" type="module"></script>
  </body>
</html>
